<template>
    <div class="orderListRuleForm">

        <el-form :inline="true" ref="form" :model="form" label-width="80px" class="demo-form-inline" style="margin-left:0px">
            <el-form-item>
                <el-button type="primary" @click="create" size="mini">创建商品</el-button>
            </el-form-item>
            <el-form-item label="创建时间" prop="date" >
                <el-date-picker
                    v-model="form.date"
                    type="daterange"
                    align="right"
                    size="mini"
                    unlink-panels
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    :default-time="['00:00:00', '23:59:59']"
                    :picker-options="pickerOptions">
                </el-date-picker>
            </el-form-item>

            <el-form-item label="名称:" prop="qunfa_name">
                <el-input placeholder="请商品名称" v-model="form.name" size="mini"></el-input>
            </el-form-item>
            <el-form-item label="添加人:" prop="adder">
                <el-input placeholder="请输商品名称" v-model="form.adder" size="mini"></el-input>
            </el-form-item>
            <el-form-item label="状态:" prop="status">
                <el-select v-model="form.status" placeholder="请选择" size="mini">
                    <el-option label="上架" value="1"></el-option>
                    <el-option label="下架" value="0"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="search" size="mini">搜索</el-button>
                <el-button @click="resetForm('form')" size="mini">重置</el-button>
                <el-button size="mini" @click="init()">刷新</el-button>
            </el-form-item>
        </el-form>

        <div class="table-wrap">
            <el-table :data="tableData" v-loading="loading" style="width: 100%;margin-bottom: 20px;" row-key="id" border
                      stripe default-expand-all>
              <el-table-column prop="type_ch" label="类型"></el-table-column>
                <el-table-column prop="img" label="缩略图">
                    <template slot-scope="scope">
                        <el-image :src="scope.row.img" fit="fill"
                                  style="width: 60px;height: 60px;"></el-image>
                    </template>
                </el-table-column>
              <el-table-column prop="name" label="商品名称"></el-table-column>
              <el-table-column prop="desc" label="商品描述"></el-table-column>
              <!--<el-table-column prop="price" label="售价"></el-table-column>-->
              <!--<el-table-column prop="commission" label="佣金"></el-table-column>-->
              <el-table-column prop="spec_info1" label="价格信息" width="280">
                  <template slot-scope="scope">
                  <span v-for="(item,index) in scope.row.spec_info">
                      规格名称:{{item.name}},价格:{{item.price}},佣金:{{item.commission}},课程ID:{{item.lesson_id}},企微标签ID:{{item.wechat_tag}}<br>
                  </span>
                  </template>
              </el-table-column>
              <el-table-column prop="group_hour" label="成团时长(小时)"></el-table-column>
              <el-table-column prop="people_num" label="成团人数"></el-table-column>
              <el-table-column prop="status_ch" label="状态"></el-table-column>
              <el-table-column prop="adder_name" label="添加人"></el-table-column>
              <el-table-column prop="add_time" label="添加时间"></el-table-column>
                <el-table-column prop="opa" label="操作" width='400'>
                    <template slot-scope="scope">
                        <!--<el-button type="primary" size="mini"-->
                                   <!--@click="tiaojia(scope.row.id)">调价</el-button>-->
                        <el-button @click="detail(scope.row.id)" type="success" size="mini" >详情</el-button>
                        <el-button @click="edit(scope.row.id)" type="info" size="mini" >编辑</el-button>
                        <el-button v-if="scope.row.status == 1" @click="disable(scope.row)" type="danger" size="mini" >禁用</el-button>
                        <el-button v-if="scope.row.status == 0" @click="disable(scope.row)" type="success" size="mini" >启用</el-button>
                        <el-button v-if="scope.row.status == 0" @click="del(scope.row)" type="danger" size="mini" >删除</el-button>
                    </template>
                </el-table-column>

            </el-table>
            <div class="block">
                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                               :current-page="form.pageNumber" :page-sizes="[10, 50, 100, 200]" :page-size="form.pageSize"
                               background layout="total, sizes, prev, pager, next, jumper" :total="form.total"> </el-pagination>
            </div>
        </div>
        <el-dialog :visible.sync="open" width="850px" v-loading="loading"  append-to-body title="创建商品" :before-close="close_create">
            <el-form ref="form1" :model="form1" :rules="rules" label-width="80px">
                <el-row>

                    <el-col :span="14">
                        <el-form-item label="商品名称:" prop="name"  label-width="90px">
                            <el-input v-model="form1.name" placeholder="请输入商品名称" size="small" />
                        </el-form-item>
                        <el-form-item label="商品描述:" prop="goods_desc" label-width="90px">
                            <el-input v-model="form1.desc" placeholder="请输入商品描述" size="small" />
                        </el-form-item>
                        <el-form-item label="商品类型:"  prop="goods_name1"  label-width="90px">
                            <el-radio v-model="form1.type" :label="0">虚拟</el-radio>
                            <el-radio v-model="form1.type" :label="1">实物</el-radio>
                        </el-form-item>

                        <el-form-item label="成团时长:" prop="group_hour" label-width="90px">
                            <el-input v-model="form1.group_hour" placeholder="请输入成团时长" size="small" />
                        </el-form-item>
                        <el-form-item label="成团人数:" prop="people_num" label-width="90px">
                            <el-input v-model="form1.people_num" placeholder="请输入成团人数" size="small" />
                        </el-form-item>

                        <el-form-item label="缩略图" prop="conver" ref="conver" style="width:100%;">
                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver" :src="form1.conver" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver')" size="mini"
                                           style="margin-top:10px">上传封面</el-button>
                            </div>

                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver1" :src="form1.conver1" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver1')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver2" :src="form1.conver2" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver2')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver3" :src="form1.conver3" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver3')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver4" :src="form1.conver4" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver4')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver5" :src="form1.conver5" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver5')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver6" :src="form1.conver6" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver6')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver7" :src="form1.conver7" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver7')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver8" :src="form1.conver8" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver8')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver9" :src="form1.conver9" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver9')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->

                        </el-form-item>

                        <span style="font-size: 12px;margin-left: 18px;">限拼次数说明，0表示不限制次数，其他表示每个客户对此商品此规格购买的总次数</span>
                        <el-form-item label="商品规格:" prop=""  label-width="90px">
                            <div v-for="(item,index) in guige" style="width: 750px">
                                <el-input v-model="item.name" placeholder="规格名称" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <el-input v-model="item.lesson_id" placeholder="课程ID" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <el-input v-model="item.wechat_tag" placeholder="企微标签ID" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <el-input v-model="item.market_price" placeholder="市场价" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <br>
                                <el-input v-model="item.price" placeholder="价格" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <el-input v-model="item.commission" placeholder="佣金" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <span style="font-size:13px;color:#ccc">限拼次数</span><el-input v-model.number="item.limit_num" placeholder="限拼次数" size="small"  style="width:95px;margin-right: 10px;display: inline-block" />
                                <el-button  type="danger" @click="del_guige(index)" size="mini" style="">×</el-button>
                                <el-button v-if="item.add == true" type="primary" @click="add_guige" size="mini" style="">+</el-button>
                            </div>

                        </el-form-item>

                        <!--<el-form-item label="商品介绍:" prop="" label-width="90px" style="height: 600px;">-->
                         <!--<div class="yaoyue_neirong_content" style="height: 600px;">-->
                           <!--<div class="yaoyue_neirong_content_body" style="height: 600px;">-->
                                <!--<editor  v-model="content2"  :childInfo= plan_id  :height="1000" v-on:test="test1" @click="test" />-->
                           <!--</div>-->
                        <!--</div>-->
                        <!--</el-form-item>-->

                        <el-form-item label="商品介绍:" prop="" label-width="90px">
                            <div  v-if="form3.show"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver" :src="form3.conver" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div  v-if="form3.show1" class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver1" :src="form3.conver1" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve1')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show2"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver2" :src="form3.conver2" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve2')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div  v-if="form3.show3" class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver3" :src="form3.conver3" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve3')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show4"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver4" :src="form3.conver4" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve4')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show5"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver5" :src="form3.conver5" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve5')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show6"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver6" :src="form3.conver6" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve6')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show7"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver7" :src="form3.conver7" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve7')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show8"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver8" :src="form3.conver8" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve8')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>

                            <div style="margin-left: 10px">
                                <el-button v-if="button_show"  type="primary" @click="open_jieshao" size="mini" style="">展开</el-button>
                                <el-button v-if="!button_show" type="danger" @click="close_jieshao" size="mini" style="">关闭</el-button>
                            </div>


                        </el-form-item>
                    </el-col>


                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="close_create()" size="small">取 消</el-button>
                <el-button type="primary" @click=" submitForm('form1') " size="small">确 定</el-button>
            </div>
        </el-dialog>


        <el-dialog :visible.sync="tiaojia_open" v-loading="loading" width="1200px" append-to-body title="调整价格">
            <el-form ref="form2" :model="form2"  label-width="80px" :rules="rules">
                <el-row style="display: inline-block">
                    <el-col :span="24">
                        <el-form-item label="当前价格:" prop="">
                            <span style="width: 150px;display: inline-block">{{old_price}}</span>
                        </el-form-item>
                        <el-form-item label="当前佣金:" prop="">
                            <span style="width: 150px;display: inline-block">{{old_commission}}</span>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row style="display: inline-block;margin-left: 50px;">
                    <el-col :span="24">
                        <el-form-item label="调整价格:" prop="price" label-width="90px">
                            <el-input v-model="form2.price" placeholder="请输入商品价格" size="small" @input="handleInput2" />
                        </el-form-item>
                        <el-form-item label="调整佣金:" prop="commission" label-width="90px">
                            <el-input v-model="form2.commission" placeholder="请输入商品佣金" size="small" @input="handleInput3" />
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-table :data="tableDataLinks" :loading="loading" style="width: 100%;margin-bottom: 20px;" row-key="id" border
                          stripe default-expand-all >
                    <el-table-column prop="add_name" label="创建人"></el-table-column>
                    <el-table-column prop="goods_name" label="商品名称"></el-table-column>
                    <el-table-column prop="goods_quantity" label="商品数量"></el-table-column>
                    <el-table-column prop="sold_quantity" label="售出数量"></el-table-column>
                    <el-table-column prop="link_price" label="商品价格"></el-table-column>
                    <el-table-column prop="link_divide_price" label="分佣比例或金额"></el-table-column>
                    <el-table-column prop="link_status" label="状态"></el-table-column>
                    <el-table-column prop="order_num" label="成交订单数"></el-table-column>
                </el-table>

                <div class="block">
                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                                   :current-page="tiaojia_post.pageNumber" :page-sizes="[10, 50, 100, 200]" :page-size="tiaojia_post.pageSize"
                                   background layout="total, sizes, prev, pager, next, jumper" :total="tiaojia_post.total"> </el-pagination>
                </div>


                <el-row style="margin-top: 20px">
                    <el-col :span="24">
                        <el-form-item label="生效时间:" prop="">
                            <el-radio v-model="form2.effective_type" :label="0">立即生效</el-radio>
                            <el-radio v-model="form2.effective_type" :label="1">定时生效</el-radio>
                            <el-date-picker
                                    v-model="form2.effective_time"
                                    type="datetime"
                                    placeholder="选择日期时间">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>

            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="tiaojia_open = false" size="small">取 消</el-button>
                <el-button type="primary" @click=" submitTiaojia('form2') " size="small">确 定</el-button>
            </div>
        </el-dialog>


        <el-dialog :visible.sync="detail_open" width="800px" v-loading="loading"  append-to-body title="商品详情" :before-close="close_detail">
            <el-form ref="form1" :model="form1" :rules="rules" label-width="80px">
                <el-row>

                    <el-col :span="14">
                        <el-form-item label="商品名称:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.name}}</span>
                        </el-form-item>
                        <el-form-item label="商品描述:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.desc}}</span>
                        </el-form-item>
                        <el-form-item label="商品类型:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.type_ch}}</span>
                        </el-form-item>
                        <el-form-item label="成团时长:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.group_hour}}小时</span>
                        </el-form-item>
                        <el-form-item label="成团人数:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.people_num}}人</span>
                        </el-form-item>
                        <el-form-item label="商品规格:" prop="">
                          <span v-for="(item,index) in goods_detail.goods_spec">
                              规格名称:{{item.name}},价格:{{item.price}}佣金:{{item.commission}}<br>
                          </span>
                        </el-form-item>
                        <el-form-item label="添加时间:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.add_time}}</span>
                        </el-form-item>
                        <el-form-item label="状态:" prop="">
                            <span style="width: 150px;display: inline-block">{{goods_detail.status_ch}}</span>
                        </el-form-item>

                        <el-form-item label="商品介绍:" prop="">
                            <img style="width:100px;height:100px;" v-for="(item,index) in goods_detail.img_detail_arr" :src="item" alt="">
                        </el-form-item>

                    </el-col>


                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="close_detail" size="small">关 闭</el-button>
            </div>
        </el-dialog>


        <el-dialog :visible.sync="edit_open" width="800px" v-loading="loading" append-to-body title="编辑商品" :before-close="close_edit">
            <el-form ref="form1" :model="form1" :rules="rules" label-width="80px">
                <el-row>
                    <el-col :span="14">
                        <el-form-item label="商品名称:" prop="name" label-width="90px">
                            <el-input v-model="form1.name" placeholder="请输入商品名称" size="small" />
                        </el-form-item>
                        <el-form-item label="商品描述:" prop="" label-width="90px">
                            <el-input v-model="form1.desc" placeholder="请输入商品描述" size="small" />
                        </el-form-item>


                        <el-form-item label="缩略图" prop="conver" ref="conver" style="width:100%;">
                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver" :src="form1.conver" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver')" size="mini"
                                           style="margin-top:10px">上传封面</el-button>
                            </div>

                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver1" :src="form1.conver1" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver1')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div class="uploadcol" style="display:inline-block;margin-left: 10px">
                                <div class="uploadborder">
                                    <img v-if="form1.conver2" :src="form1.conver2" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conver2')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver3" :src="form1.conver3" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver3')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver4" :src="form1.conver4" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver4')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver5" :src="form1.conver5" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver5')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver6" :src="form1.conver6" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver6')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver7" :src="form1.conver7" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver7')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver8" :src="form1.conver8" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver8')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->
                            <!--<div class="uploadcol" style="display:inline-block;margin-left: 10px">-->
                                <!--<div class="uploadborder">-->
                                    <!--<img v-if="form1.conver9" :src="form1.conver9" width="100%" height="100%" />-->
                                    <!--<img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />-->
                                <!--</div>-->
                                <!--<el-button type="primary" @click="openUploadDial('conver9')" size="mini"-->
                                           <!--style="margin-top:10px">上传图片</el-button>-->
                            <!--</div>-->

                        </el-form-item>

                        <!--<el-form-item label="商品规格:" prop=""  label-width="90px">-->
                            <!--<div v-for="(item,index) in guige" style="width: 550px">-->
                                <!--<el-input v-model="item.name" placeholder="规格名称" size="small"  style="width:110px;margin-right: 10px;display: inline-block" />-->
                                <!--<el-input v-model="item.price" placeholder="价格" size="small"  style="width:110px;margin-right: 10px;display: inline-block" />-->
                                <!--<el-input v-model="item.commission" placeholder="佣金" size="small"  style="width:110px;margin-right: 10px;display: inline-block" />-->
                                <!--<el-button  type="danger" @click="del_guige(index)" size="mini" style="">×</el-button>-->
                                <!--<el-button v-if="item.add == true" type="primary" @click="add_guige" size="mini" style="">+</el-button>-->
                            <!--</div>-->
                        <!--</el-form-item>-->

                        <!--<el-form-item label="商品介绍:" prop="">-->
                            <!--<div class="yaoyue_neirong_content">-->
                                <!--<div class="yaoyue_neirong_content_body">-->
                                    <!--<editor  v-model="content2"  :childInfo= plan_id  :height="600" v-on:test="test1" @click="test" />-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</el-form-item>-->

                        <el-form-item label="商品介绍:" prop="" label-width="90px">
                            <div  v-if="form3.show"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver" :src="form3.conver" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div  v-if="form3.show1" class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver1" :src="form3.conver1" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve1')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show2"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver2" :src="form3.conver2" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve2')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div  v-if="form3.show3" class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver3" :src="form3.conver3" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve3')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show4"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver4" :src="form3.conver4" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve4')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show5"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver5" :src="form3.conver5" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve5')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show6"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver6" :src="form3.conver6" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve6')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show7"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver7" :src="form3.conver7" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve7')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>
                            <div v-if="form3.show8"  class="uploadcol" style="display:inline-block;margin-left: 10px;position:relative;">
                                <!--<div style="width:20px;height: 20px;background-color: red;position: absolute;left: 86px;top: -5px;border-radius: 10px;" @click="close_jieshao(index)"></div>-->
                                <div class="uploadborder">
                                    <img v-if="form3.conver8" :src="form3.conver8" width="100%" height="100%" />
                                    <img v-else src="@/assets/img/uploadimg.jpg" width="100%" height="100%" />
                                </div>
                                <el-button type="primary" @click="openUploadDial('conve8')" size="mini"
                                           style="margin-top:10px">上传图片</el-button>
                            </div>

                            <div style="margin-left: 10px">
                                <el-button v-if="button_show"  type="primary" @click="open_jieshao" size="mini" style="">展开</el-button>
                                <el-button v-if="!button_show" type="danger" @click="close_jieshao" size="mini" style="">关闭</el-button>
                            </div>


                        </el-form-item>

                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="close_edit()" size="small">取 消</el-button>
                <el-button type="primary" @click=" editForm('form1') " size="small">确 定</el-button>
            </div>
        </el-dialog>

        <el-dialog :visible.sync="disable_open" width="800px" append-to-body title="操作">
            <el-form ref="form1" :model="form1" :rules="rules" label-width="80px">
                <el-row>
                    <el-col :span="14">

                        <span v-if="disable_flag == 1" style="width: 500px;display: inline-block;color:deepskyblue;font-size: 30px;margin-left: 30%;margin-bottom: 10%">确定要禁用该商品吗？</span>
                        <span v-if="disable_flag == 0" style="width: 500px;display: inline-block;color:deepskyblue;font-size: 30px;margin-left: 30%;margin-bottom: 10%">确定要启用该商品吗？</span>

                        <el-form-item label="" prop="name">
                            <el-input type="textarea"  style="height: 60px" v-model="disable_post.remark" placeholder="输入理由" size="small" />
                        </el-form-item>


                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="disable_open = false" size="small">取 消</el-button>
                <el-button type="primary" @click=" disable_submit() " size="small">确 定</el-button>
            </div>
        </el-dialog>

        <el-dialog :visible.sync="del_open" width="800px" append-to-body title="操作">
            <el-form ref="form1" :model="form1" :rules="rules" label-width="80px">
                <el-row>
                    <el-col :span="14">

                        <span style="width: 500px;display: inline-block;color:deepskyblue;font-size: 30px;margin-left: 30%;margin-bottom: 10%">确定要删除该商品吗？</span>

                        <el-form-item label="" prop="name">
                            <el-input type="textarea"  style="height: 60px" v-model="del_post.remark" placeholder="输入理由" size="small" />
                        </el-form-item>


                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="del_open = false" size="small">取 消</el-button>
                <el-button type="primary" @click=" del_submit() " size="small">确 定</el-button>
            </div>
        </el-dialog>


        <select-img :show="IsShowPicDig" @update="cleanDiaglog" :selectType="imgnum" :source="2" @selectSure="selectImgs"
                    :type="0"></select-img>
        <select-img :show="isShowBgPicDiag" @update="cleanBgDiaglog" :selectType="bgPicDiagNUm"  :source="2"
                    @selectSure="selectBgImgs" :type="0"></select-img>
        <select-img :show="isShowVideoPicDiag" @update="cleanVideoDiaglog" :selectType="videoDiagNum"  :source="2"
                    @selectSure="selectVideo" :type="2"></select-img>

    </div>
    
</template>

<script>
    let _self;
import {
    getlist,
    addGoods,
    getPopulinks,
    changePrice,
    goodsDetail,
    goodsEdit,
    goodsDisable,
    goodsDelete,
} from "@/api/sell/goodsTuan/goods";

import Panle from '@/components/Panle';
import PersButton from '@/components/PersButton';
import {hasPermission, isShow} from '@/common/permission';
import VueJsonExcel from 'vue-json-excel';
import Editor from "./test";
import {
    VueEditor
} from "vue2-editor";

    import SelectImg from '@/components/select-img';

export default {
    name:'Live-Order',
    components: {
        Panle,
        PersButton,
        VueJsonExcel,
        Editor,
        VueEditor,
        SelectImg,
    },
    data() {
        return {
            converx:'',
            img:'',

            IsShowPicDig: false,
            imgnum: 1, //选择图片数量,
            isShowBgPicDiag: false,
            isShowVideoPicDiag: false,
            bgPicDiagNUm: 1,
            videoDiagNum: 1,
            clipboardInst: null,

            quill_info:'',
            plan_id:'',
            goods_id:'',
            content2: "",
            disable_flag: 1,


            old_price:'',
            old_commission:'',
            options: [],
            value: '',
            open: false,
            tiaojia_open: false,
            detail_open: false,
            edit_open: false,
            disable_open: false,
            del_open: false,
            tableData: [],
            tableDataLinks: [],
            number:0,

            name:'',
            adder:'',
            status:'',
            date:'2024-01-01',

            pageSize1: 10,
            pageNumber1: 1,

            form: {
                pageSize: 10,
                pageNumber: 1,
                total: 0,
                name:'',
                adder:'',
                status:'',
                // date:'',
                date:[],
            },
            form1: {
                name:'',
                desc:'',
                type:0,
                price:'',
                commission:'',
                detail:'',
                goods_id:'',
                group_hour:'',
                people_num:'',

                bg_url: "",
                conver: "",
                conver1: "",
                conver2: "",
                conver3: "",
                conver4: "",
                conver5: "",
                conver6: "",
                conver7: "",
                conver8: "",
                conver9: "",
                push_file_name: "",
                guige:[],
                img:'',
                img_jieshao:'',

            },

            form3: {

                conver: "",
                conver1: "",
                conver2: "",
                conver3: "",
                conver4: "",
                conver5: "",
                conver6: "",
                conver7: "",
                conver8: "",


                conver9: "",

                show:true,
                show1:true,
                show2:true,
                show3:true,
                show4:true,
                show5:true,
                show6:false,
                show7:false,
                show8:false,
                push_file_name: "",

                img:'',

            },
            button_show:true,

            form2: {
                id:'',
                price:'',
                commission:'',
                effective_time:'',
                effective_type:0,
            },
            goods_detail: {
                name:'',
                price:0,
                type:'',
                desc:'',
                add_time:'',
                status:'',
                type_ch:'',
                status_ch:'',
                goods_spec:[],
                img_detail_arr:'',
                group_hour:'',
                people_num:'',
            },
            tiaojia_post: {
                id:'',
                pageSize: 10,
                pageNumber: 1,
                total: 0,
            },
            disable_post: {
                id:'',
                remark: '',
            },
            del_post: {
                id:'',
                remark: '',
            },
            optionsVa: [],
            value1: [],
           
            resForm: {
                "status":0,
                "value1":[]
            },
            guige:[
                {
                    name:'',
                    lesson_id:'',
                    wechat_tag:'',
                    market_price:'',
                    price:'',
                    commission:'',
                    limit_num:0,
                    add:true,
                },
            ],
            rules:{
                name: [{
                    required: true,
                    message: "请输入商品名称",
                    trigger: "blur",

                },
                    {
                        min:1,
                        max:50,
                        message: '商品名称长度在1到50个字符之间',
                        trigger: 'blur'
                    }],

                price: [{
                    required: true,
                    message: "请输入商品价格",
                    trigger: "blur"
                }],
                commission: [{
                    required: true,
                    message: "请输入商品佣金",
                    trigger: "blur"
                }],
                group_hour: [{
                    required: true,
                    message: "请输入成团时长",
                    trigger: "blur"
                }],
                people_num: [{
                    required: true,
                    message: "请输入成团人数",
                    trigger: "blur"
                }],


            },
            pickerOptions: {
                shortcuts: [
                    {
                        text: '今天',
                        onClick(picker) {
                            const current = new Date();
                            const month = current.getFullYear() + '-' + (current.getMonth() + 1) + '-' + current.getDate(); //年月日
                            const start = new Date();
                            const end = new Date();
                            start.setTime(new Date(month).getTime());
                            end.setTime(new Date(month + ' 23:59:59').getTime());
                            picker.$emit('pick', [start, end]);
                        }
                    },
                    {
                        text: '昨天',
                        onClick(picker) {
                            const current = new Date();
                            const month = current.getFullYear() + '-' + (current.getMonth() + 1) + '-' + (current.getDate() - 1); //年月日
                            const start = new Date();
                            const end = new Date();
                            start.setTime(new Date(month).getTime());
                            end.setTime(new Date(month + ' 23:59:59').getTime());
                            picker.$emit('pick', [start, end]);
                        }
                    },
                    {
                        text: '上一周',
                        onClick(picker) {
                            const current = new Date();
                            const start_day = current.getDate() - current.getDay() - 6;
                            const end_day = current.getDate() - current.getDay();
                            const month = current.getFullYear() + '-' + (current.getMonth() + 1) + '-'; //年月
                            const start = new Date();
                            const end = new Date();
                            start.setTime(new Date(month + start_day).getTime());
                            end.setTime(new Date(month + end_day + ' 23:59:59').getTime());
                            picker.$emit('pick', [start, end]);
                        }
                    }
                ]
            },
            fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}],

        }
    },
    created() {
        sessionStorage.removeItem('live-stat')
        _self = this;
        this.init(true);
    },
    methods: {
        hasPermission,
        isShow,
        init() {
            this.loading = true;
            console.log(this.form)
            // if(this.form.date.length == 0){
            //     const today = new Date();
            //     const year = today.getFullYear();
            //     const month = today.getMonth() + 1; // 月份是从0开始的
            //     const day = today.getDate();
            //     // 当天开始时间
            //     const startTime = new Date(year, month - 1, day, 0, 0, 0);
            //     // 当天结束时间
            //     const endTime = new Date(year, month - 1, day, 23, 59, 59);
            //     this.form.date = [startTime,endTime]
            // }

            getlist(this.form).then((res) => {
                this.tableData = res.data.list;
                this.form.total = res.data.list_num;
                this.loading = false;
            })
        },
        add_guige(){
          let aa = {"name":'',"price":'',"lesson_id":'',"wechat_tag":'',"limit_num":0,"market_price":'',"commission":'','add':true}
          let old_add = this.guige.length - 1
          this.guige[old_add].add = false
          this.guige.push(aa)
        },
        del_guige(index){
            if(this.guige.length == 1){
                this.$notify({
                    title: '警告',
                    message: '至少有一个规格',
                    type: 'warning'
                });
                return
            }
            this.guige.splice(index,1)
            let old_add = this.guige.length - 1
            this.guige[old_add].add = true
        },
        close_jieshao(index){
            this.form3.show6 = false
            this.form3.show7 = false
            this.form3.show8 = false
            this.button_show = true
        },
        open_jieshao(index){
            this.button_show = false
            this.form3.show6 = true
            this.form3.show7 = true
            this.form3.show8 = true
        },
        handleTimeNew (time) { //handleTimeNew是获取今天的日期
            let date = new Date(time)
            let year = date.getFullYear()
            let month = (date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : ('0' + (date.getMonth() + 1))
            let day = date.getDate() > 10 ? date.getDate() : ('0' + date.getDate())
            return `${year}-${month}-${day}`
        },
        close_detail(){
            this.goods_detail.name = ''
            this.goods_detail.price = 0
            this.goods_detail.type = ''
            this.goods_detail.desc = ''
            this.goods_detail.add_time = ''
            this.goods_detail.status = ''
            this.goods_detail.type_ch = ''
            this.goods_detail.status_ch = ''
            this.goods_detail.goods_spec = []

            this.detail_open = false
        },
        close_edit(){
            this.edit_open = false;
            this.form1.name = ''
            this.form1.desc = ''
            this.form1.price = ''
            this.form1.commission = ''
            this.form1.type = 0
            this.form1.goods_id = 0
            this.form1.bg_url = ''
            this.form1.conver = ''
            this.form1.conver1 = ''
            this.form1.conver2 = ''
            this.form1.conver3 = ''
            this.form1.conver4 = ''
            this.form1.conver5 = ''
            this.form1.conver6 = ''
            this.form1.conver7 = ''
            this.form1.conver8 = ''
            this.form1.conver9 = ''
            this.form1.push_file_name = ''
            this.form1.img = ''
            this.quill_info = ''
            this.content2 = ''
            this.form1.detail = ''
            this.plan_id = 0
        },
        close_create(){
            this.open = false
            this.form1.name = ''
            this.form1.desc = ''
            this.form1.price = ''
            this.form1.commission = ''
            this.form1.type = 0
            this.form1.goods_id = 0
            this.form1.bg_url = ''
            this.form1.conver = ''
            this.form1.conver1 = ''
            this.form1.conver2 = ''
            this.form1.conver3 = ''
            this.form1.conver4 = ''
            this.form1.conver5 = ''
            this.form1.conver6 = ''
            this.form1.conver7 = ''
            this.form1.conver8 = ''
            this.form1.conver9 = ''
            this.form1.push_file_name = ''
            this.form1.img = ''
            this.quill_info = ''
            this.content2 = ''
            this.form1.detail = ''
            this.plan_id = 0
        },

        handleInput(value) {
            // this.form1.price =this.form1.price.replace(/\D/g, '');

             const regex = /^\d+\.?\d{0,999}?$/
            // 如果输入值不符合正则表达式，则将其设置为上一个值，即不进行更改  33.36
            if (!regex.test(value)) {
                this.form1.price = "";
                // this.tixian_post.account = this.tixian_post.account.substring(0, this.tixian_post.account.length - 1); 
                
            }
        },
        handleInput1(value) {
            // this.form1.commission =this.form1.commission.replace(/\D/g, '');
            const regex = /^\d+\.?\d{0,999}?$/
            // 如果输入值不符合正则表达式，则将其设置为上一个值，即不进行更改  33.36
            if (!regex.test(value)) {
              this.form1.commission = "";
                // this.tixian_post.account = this.tixian_post.account.substring(0, this.tixian_post.account.length - 1); 
                
            }
        },
        handleInput2(value) {
            // this.form2.price =this.form2.price.replace(/\D/g, '');
             const regex = /^\d+\.?\d{0,999}?$/
            // 如果输入值不符合正则表达式，则将其设置为上一个值，即不进行更改  33.36
            if (!regex.test(value)) {
              this.form2.price = "";
                // this.tixian_post.account = this.tixian_post.account.substring(0, this.tixian_post.account.length - 1); 
                
            }
        },
        handleInput3(value) {
            // this.form2.commission =this.form2.commission.replace(/\D/g, '');
             const regex = /^\d+\.?\d{0,999}?$/
            // 如果输入值不符合正则表达式，则将其设置为上一个值，即不进行更改  33.36
            if (!regex.test(value)) {
              this.form2.commission = "";
                // this.tixian_post.account = this.tixian_post.account.substring(0, this.tixian_post.account.length - 1); 
                
            }
        },


        create: function () {
            this.open = true
        },
        test1(e){
            this.quill_info = e
        },
        test(){
            console.log('我是富文本的内容=',this.quill_info )
        },
        selectImgs: function (res) {

            console.log(res);
            this.IsShowPicDig = true;
            if(this.converx == 'conver'){
                this.form1.conver = res[0].urls
                this.$refs.conver.onFieldChange()
            }
            if(this.converx == 'conver1'){
                this.form1.conver1 = res[0].urls
                this.$refs.conver1.onFieldChange()
            }
            if(this.converx == 'conver2'){
                this.form1.conver2 = res[0].urls
                this.$refs.conver2.onFieldChange()
            }
            if(this.converx == 'conver3'){
                this.form1.conver3 = res[0].urls
                this.$refs.conver3.onFieldChange()
            }
            if(this.converx == 'conver4'){
                this.form1.conver4 = res[0].urls
                this.$refs.conver4.onFieldChange()
            }
            if(this.converx == 'conver5'){
                this.form1.conver5 = res[0].urls
                this.$refs.conver5.onFieldChange()
            }
            if(this.converx == 'conver6'){
                this.form1.conver6 = res[0].urls
                this.$refs.conver6.onFieldChange()
            }
            if(this.converx == 'conver7'){
                this.form1.conver7 = res[0].urls
                this.$refs.conver7.onFieldChange()
            }
            if(this.converx == 'conver8'){
                this.form1.conver8 = res[0].urls
                this.$refs.conver8.onFieldChange()
            }
            if(this.converx == 'conver9'){
                this.form1.conver9 = res[0].urls
                this.$refs.conver9.onFieldChange()
            }

            // -------------------------------------
            if(this.converx == 'conve'){
                this.form3.conver = res[0].urls
                this.$refs.conver.onFieldChange()
            }
            if(this.converx == 'conve1'){
                this.form3.conver1 = res[0].urls
                this.$refs.conver1.onFieldChange()
            }
            if(this.converx == 'conve2'){
                this.form3.conver2 = res[0].urls
                this.$refs.conver2.onFieldChange()
            }
            if(this.converx == 'conve3'){
                this.form3.conver3 = res[0].urls
                this.$refs.conver3.onFieldChange()
            }
            if(this.converx == 'conve4'){
                this.form3.conver4 = res[0].urls
                this.$refs.conver4.onFieldChange()
            }
            if(this.converx == 'conve5'){
                this.form3.conver5 = res[0].urls
                this.$refs.conver5.onFieldChange()
            }
            if(this.converx == 'conve6'){
                this.form3.conver6 = res[0].urls
                this.$refs.conver6.onFieldChange()
            }
            if(this.converx == 'conve7'){
                this.form3.conver7 = res[0].urls
                this.$refs.conver7.onFieldChange()
            }
            if(this.converx == 'conve8'){
                this.form3.conver8 = res[0].urls
                this.$refs.conver8.onFieldChange()
            }
            this.converx = ''

        },
        selectBgImgs: function (res) {

            this.isShowBgPicDiag = true;
            this.form1.bg_url = res[0].urls
            this.$refs.bg_url.onFieldChange()

        },
        selectVideo: function (res) {

            this.isShowVideoPicDiag = true;
            this.form1.push_file_name = res[0].urls
        },
        cleanDiaglog: function (shows) {
            _self.IsShowPicDig = false;
        },
        cleanBgDiaglog: function (shows) {
            _self.isShowBgPicDiag = false;
        },
        cleanVideoDiaglog: function (shows) {
            _self.isShowVideoPicDiag = false;
        },
        openUploadDial: function (e) {
            this.converx = e
            _self.IsShowPicDig = true;
        },
        openUploadDialBg: function () {

            _self.isShowBgPicDiag = true;
        },
        openUploadDialvideo: function () {

            _self.isShowVideoPicDiag = true;
        },

        handleRemove(file, fileList) {
            console.log(file, fileList);
        },
        handlePreview(file) {
            console.log(file);
        },
        tiaojia(e){
            this.tiaojia_post.id = e
            this.form2.id = e
            this.tiaojia_open = true
            // this.loading = true
            getPopulinks(this.tiaojia_post).then((res) => {
                this.tableDataLinks = res.data.list
                this.tiaojia_post.total = res.data.total
                this.old_price = res.data.price
                this.old_commission = res.data.commission
                console.log(res)
                this.loading = false
            })
        },

        detail(e){

            this.loading = true
            console.log(e)
            this.detail_open = true

            goodsDetail(e).then((res) => {
                this.goods_detail.name = res.data.list.name
                this.goods_detail.price = res.data.list.price
                this.goods_detail.type = res.data.list.type
                this.goods_detail.type_ch = res.data.list.type_ch
                this.goods_detail.desc = res.data.list.desc
                this.goods_detail.add_time = res.data.list.add_time
                this.goods_detail.status = res.data.list.status
                this.goods_detail.status_ch = res.data.list.status_ch
                this.goods_detail.goods_spec = res.data.goods_spec
                this.goods_detail.img_detail_arr = res.data.list.img_detail_arr
                this.goods_detail.group_hour = res.data.list.group_hour
                this.goods_detail.people_num= res.data.list.people_num
                this.loading = false
            })

        },

        edit(e){

            console.log(e)
            console.log(this.content2)
            this.plan_id = e
            this.edit_open = true
            // this.loading = true
            goodsDetail(e).then((res) => {
                this.form1.goods_id = e
                this.form1.name = res.data.list.name
                this.form1.desc = res.data.list.desc
                this.form1.type = res.data.list.type
                this.form1.price = res.data.list.price
                this.form1.commission = res.data.list.commission
                this.form1.detail = res.data.list.detail
                // this.guige = res.data.goods_spec
                // //将add变成true  页面显示出来蓝色添加按钮
                // let old_add = this.guige.length - 1
                // this.guige[old_add].add = true

                this.form1.conver = res.data.list.conver

                if(res.data.list.conver1){
                    this.form1.conver1 = res.data.list.conver1
                }
                if(res.data.list.conver2){
                    this.form1.conver2 = res.data.list.conver2
                }
                if(res.data.list.conver3){
                    this.form1.conver3 = res.data.list.conver3
                }
                if(res.data.list.conver4){
                    this.form1.conver4 = res.data.list.conver4
                }
                if(res.data.list.conver5){
                    this.form1.conver5 = res.data.list.conver5
                }
                if(res.data.list.conver6){
                    this.form1.conver1 = res.data.list.conver1
                }
                if(res.data.list.conver7){
                    this.form1.conver7 = res.data.list.conver7
                }
                if(res.data.list.conver8){
                    this.form1.conver8 = res.data.list.conver8
                }
                if(res.data.list.conver9){
                    this.form1.conver9 = res.data.list.conver9
                }

                if(res.data.list.converr0){
                    this.form3.conver = res.data.list.converr0
                }
                if(res.data.list.converr1){
                    this.form3.conver1 = res.data.list.converr1
                }
                if(res.data.list.converr2){
                    this.form3.conver2 = res.data.list.converr2
                }
                if(res.data.list.converr3){
                    this.form3.conver3 = res.data.list.converr3
                }
                if(res.data.list.converr4){
                    this.form3.conver4 = res.data.list.converr4
                }
                if(res.data.list.converr5){
                    this.form3.conver5 = res.data.list.converr5
                }
                if(res.data.list.converr6){
                    this.form3.conver6 = res.data.list.converr6
                }
                if(res.data.list.converr7){
                    this.form3.conver7 = res.data.list.converr7
                }
                if(res.data.list.converr8){
                    this.form3.conver8 = res.data.list.converr8
                }

                this.$refs.conver.onFieldChange()
                this.loading = false

            })
        },
        del(e){
            console.log(e.id)
            console.log(e.status)

            this.del_post.id = e.id

            this.del_open= true

        },
        del_submit(e){
            if (this.del_post.remark == '') {
                this.$notify({
                    title: '警告',
                    message: '理由不能为空',
                    type: 'warning'
                });
                return;
            }

            this.$confirm('确定操作吗', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                goodsDelete(this.del_post).then((res) => {
                this.del_open = false
                this.init()
        }
        )

        }).catch(() => {
                this.$message({
                type: 'info',
                message: '已取消'
            });
        });

        },
        disable(e){
            console.log(e.id)
            console.log(e.status)

            this.disable_post.id = e.id
            this.disable_post.status = e.status
            this.disable_flag = e.status

            this.disable_open= true

        },
        disable_submit(){

            if (this.disable_post.remark == '') {
                this.$notify({
                    title: '警告',
                    message: '理由不能为空',
                    type: 'warning'
                });
                return;
            }

            this.$confirm('确定操作吗', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                goodsDisable(this.disable_post).then((res) => {
                this.disable_open = false
                if(res.data.code == 101){
                    this.$notify({
                        title: '警告',
                        message: res.data.message,
                        type: 'warning'
                    });
                    return;
                }
                this.init()
            }
            )

        }).catch(() => {
                this.$message({
                type: 'info',
                message: '已取消'
            });
        });

        },
        search: function () {
            // this.loading = true;
            // this.form.pageSize = 10;
            // this.form.pageNumber = 1;
            this.init();
        },
        handleSizeChange: function (e) {
            this.form.pageSize = e;
            this.init();
        },
        handleCurrentChange: function (e) {
            this.form.pageNumber = e;
            this.init();
        },
        handleSizeChange1: function (e) {
            this.pageSize1 = e;
            this.init();
        },
        handleCurrentChange1: function (e) {
            this.pageNumber1 = e;
            this.init();
        },
        resetForm(formName) {
            this.form.pageSize = 10
            this.form.pageNumber = 1
            this.form.total = 0
            this.form.name = ''
            this.form.adder = ''
            this.form.status = ''
            this.form.date = ''
            this.init();
        },
        openSaff: async function() {
            
            const res = await getStaffData();
            this.optionsVa = res.data;
            const des = await getCustomerLossData();
            this.resForm.value1 = des.data.send_name;
            this.resForm.status = des.data.status;
            // this.resForm = {
            //     "status": 0,
            //     "value1": [],
            // };
            this.open = true;
            
        },
        submitTiaojia:function(data){
            console.log(this.form2.effective_type)
            if (this.form2.price == '') {
                this.$notify({
                    title: '警告',
                    message: '商品价格不能为空',
                    type: 'warning'
                });
                return;
            }
             const regex3 = /^\d+\.?\d{0,2}?$/
            if (!regex3.test(this.form2.price)) {
                 this.$notify({
                    title: '警告',
                    message: '商品价格格式是正数(小数点后最多两位)',
                    type: 'warning'
                });
                return;
            }
            if (this.form2.commission == '') {
                this.$notify({
                    title: '警告',
                    message: '商品佣金不能为空',
                    type: 'warning'
                });
                return;
            }
             const regex4 = /^\d+\.?\d{0,2}?$/
            if (!regex4.test(this.form2.commission)) {
                 this.$notify({
                    title: '警告',
                    message: '商品佣金格式是正数(小数点后最多两位)',
                    type: 'warning'
                });
                return;
            }
            if (this.form2.effective_type === '' && this.form2.effective_type != 0 ) {
                this.$notify({
                    title: '警告',
                    message: '请选择生效时间类型',
                    type: 'warning'
                });
                return;
            }
            if (this.form2.effective_type == 1 && this.form2.effective_time == '' ) {
                this.$notify({
                    title: '警告',
                    message: '请选择生效时间',
                    type: 'warning'
                });
                return;
            }

            if(this.form2.effective_type ==0){
                this.form2.effective_time = ''
            }

            this.$confirm('确定保存吗', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {

                changePrice(this.form2).then((res) => {
                this.loading = false;
                this.form2.price = ''
                this.form2.commission= ''
                this.tiaojia_open = false
                this.init()
        })

        }).catch(() => {
                this.$message({
                type: 'info',
                message: '已取消'
            });
        });



        },
        submitForm:function(data){

            // this.loading = true

            if (this.form1.name == '') {
                this.$notify({
                    title: '警告',
                    message: '商品名称不能为空',
                    type: 'warning'
                });
                return;
            }
            if (this.form1.type === '' && this.form1.type != 0) {
                this.$notify({
                    title: '警告',
                    message: '商品类型不能为空',
                    type: 'warning'
                });
                return;
            }
            if (this.form1.conver == '') {
                this.$notify({
                    title: '警告',
                    message: '商品封面不能为空',
                    type: 'warning'
                });
                return;
            }
            if (this.form1.group_hour == '' || this.form1.group_hour == 0 ) {
                this.$notify({
                    title: '警告',
                    message: '成团时长不能为空',
                    type: 'warning'
                });
                return;
            }
            if (this.form1.people_num == '' || this.form1.people_num == 0 ) {
                this.$notify({
                    title: '警告',
                    message: '成团人数不能为空',
                    type: 'warning'
                });
                return;
            }

            for (let i = 0; i < this.guige.length; i++) {
                if(!this.guige[i].name){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }

                if(!this.guige[i].market_price){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }

                if(!this.guige[i].lesson_id  ||　this.guige[i].lesson_id == 0　){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }
                if(this.guige[i].limit_num < 0　){
                    this.$notify({
                        title: '警告',
                        message: '限拼次数不能是负数',
                        type: 'warning'
                    });
                    return
                }
                if(!this.guige[i].wechat_tag　){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }

                if(!this.guige[i].price){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }

                if(!this.guige[i].commission){
                    this.$notify({
                        title: '警告',
                        message: '请完善商品规格信息',
                        type: 'warning'
                    });
                    return
                }
            }


            if(this.form1.conver){
                this.form1.img += this.form1.conver;
            }
            if(this.form1.conver1){
                this.form1.img += ','+this.form1.conver1;
            }
            if(this.form1.conver2){
                this.form1.img += ','+this.form1.conver2;
            }
            if(this.form1.conver3){
                this.form1.img += ','+this.form1.conver3;
            }
            if(this.form1.conver4){
                this.form1.img += ','+this.form1.conver4;
            }
            if(this.form1.conver5){
                this.form1.img += ','+this.form1.conver5;
            }
            if(this.form1.conver6){
                this.form1.img += ','+this.form1.conver6;
            }
            if(this.form1.conver7){
                this.form1.img += ','+this.form1.conver7;
            }
            if(this.form1.conver8){
                this.form1.img += ','+this.form1.conver8;
            }
            if(this.form1.conver9){
                this.form1.img += ','+this.form1.conver9;
            }


            if(this.form3.conver){
                this.form1.img_jieshao += this.form3.conver;
            }
            if(this.form3.conver1){
                this.form1.img_jieshao += ','+this.form3.conver1;
            }
            if(this.form3.conver2){
                this.form1.img_jieshao += ','+this.form3.conver2;
            }
            if(this.form3.conver3){
                this.form1.img_jieshao += ','+this.form3.conver3;
            }
            if(this.form3.conver4){
                this.form1.img_jieshao += ','+this.form3.conver4;
            }
            if(this.form3.conver5){
                this.form1.img_jieshao += ','+this.form3.conver5;
            }
            if(this.form3.conver6){
                this.form1.img_jieshao += ','+this.form3.conver6;
            }
            if(this.form3.conver7){
                this.form1.img_jieshao += ','+this.form3.conver7;
            }
            if(this.form3.conver8){
                this.form1.img_jieshao += ','+this.form3.conver8;
            }

            // console.log(this.form1.img)
            // return false;
            this.$confirm('确定保存吗', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.form1.guige = this.guige
                this.form1.detail = this.quill_info
                     addGoods(this.form1).then((res) => {
                    this.loading = false;
                    this.chongzhi();
                    this.quill_info = ''
                    this.content2 = ''
                    this.open = false
                         this.guige = []
                         let aa = {"name":'',"market_price":'',"price":'',"lesson_id":'',"limit_num":0,"wechat_tag":'',"commission":'','add':true}
                         this.guige.push(aa)

                    this.init()
                 })

            }).catch(() => {
                    this.$message({
                    type: 'info',
                    message: '已取消'
                });
            });



        },

        chongzhi(){
                this.form1.name = ''
                this.form1.desc = ''
                this.form1.type = 0
                this.form1.price = ''
                this.form1.commission = ''
                this.form1.detail = ''
                this.form1.goods_id = ''
                this.form1.bg_url = ''
                this.form1.conver = ''
                this.form1.conver1 = ''
                this.form1.conver2 = ''
                this.form1.conver3 = ''
                this.form1.conver4 = ''
                this.form1.conver5 = ''
                this.form1.conver6 = ''
                this.form1.conver7 = ''
                this.form1.conver8 = ''
                this.form1.conver9 = ''
                this.form1.push_file_name = ''
                this.form1.img = ''
                this.form1.img_jieshao = ''



                this.form3.conver = ''
                this.form3.conver1 = ''
                this.form3.conver2 = ''
                this.form3.conver3 = ''
                this.form3.conver4 = ''
                this.form3.conver5 = ''
                this.form3.conver6 = ''
                this.form3.conver7 = ''
                this.form3.conver8 = ''
                this.form3.conver9 = ''
                this.form3.show = true
                this.form3.show1 = true
                this.form3.show2 = true
                this.form3.show3 = true
                this.form3.show4 = true
                this.form3.show5 = true
                this.form3.show6 = false
                this.form3.show7 = false
                this.form3.show8 = false
                this.form3.push_file_name = ''
        },


        editForm:function(data){

            if (this.form1.name == '') {
                this.$notify({
                    title: '警告',
                    message: '商品名称不能为空',
                    type: 'warning'
                });
                return;
            }

            if(this.form1.conver){
                this.form1.img += this.form1.conver;
            }
            if(this.form1.conver1){
                this.form1.img += ','+this.form1.conver1;
            }
            if(this.form1.conver2){
                this.form1.img += ','+this.form1.conver2;
            }
            if(this.form1.conver3){
                this.form1.img += ','+this.form1.conver3;
            }
            if(this.form1.conver4){
                this.form1.img += ','+this.form1.conver4;
            }
            if(this.form1.conver5){
                this.form1.img += ','+this.form1.conver5;
            }
            if(this.form1.conver6){
                this.form1.img += ','+this.form1.conver6;
            }
            if(this.form1.conver7){
                this.form1.img += ','+this.form1.conver7;
            }
            if(this.form1.conver8){
                this.form1.img += ','+this.form1.conver8;
            }
            if(this.form1.conver9){
                this.form1.img += ','+this.form1.conver9;
            }

            if(this.form3.conver){
                this.form1.img_jieshao += this.form3.conver;
            }
            if(this.form3.conver1){
                this.form1.img_jieshao += ','+this.form3.conver1;
            }
            if(this.form3.conver2){
                this.form1.img_jieshao += ','+this.form3.conver2;
            }
            if(this.form3.conver3){
                this.form1.img_jieshao += ','+this.form3.conver3;
            }
            if(this.form3.conver4){
                this.form1.img_jieshao += ','+this.form3.conver4;
            }
            if(this.form3.conver5){
                this.form1.img_jieshao += ','+this.form3.conver5;
            }
            if(this.form3.conver6){
                this.form1.img_jieshao += ','+this.form3.conver6;
            }
            if(this.form3.conver7){
                this.form1.img_jieshao += ','+this.form3.conver7;
            }
            if(this.form3.conver8){
                this.form1.img_jieshao += ','+this.form3.conver8;
            }

            this.$confirm('确定保存吗', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {

                this.form1.detail = this.content2
                    goodsEdit(this.form1).then((res) => {
                        this.loading = false;
                        this.edit_open= false;
                        this.chongzhi()
                        if(res.data.list){
                            this.init()
                        }
                     })

        }).catch(() => {
                this.$message({
                type: 'info',
                message: '已取消'
            });
        });



        },
      
    }
}

</script>

<style lang="scss" scoped>

.demo-form-inline {
    margin: 20px;

    .el-form-item {
        margin-bottom: 0;
    }
}
.el-form--inline .el-form-item {
    display: inline-block;
    vertical-align: top;
}

.orderListRuleForm .el-form-item {
    margin-bottom: 0;
}

.search-content {
    width: 100%;
    margin: 20px;
}
.yaoyue_neirong_content {
    display: flex;
}


.yaoyue_neirong_content_body {
    display: flex;
    flex-direction: column;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(180, 180, 180);
    padding: 10px;
    margin-left: 10px;
    width: 90%;
}

.yaoyue_neirong_content_title {
    width: 10%;
}

.yaoyue_neirong_content {
    width: 160%;
}

.uploadcol {
    display: flex;
    flex-flow: column;
    width: 100px;
}

.uploadborder {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    /* cursor: pointer;

    position: relative;

    overflow: hidden; */
    width: 100px;
    height: 100px;
}

</style>